<!-- 大小额贷记来账业务手工处理页面
<template>
    <div class="app-container">

        <el-button @click="confirm1">按钮222</el-button>

        {{ reqConfig }}

        <br>
        <br>
        <br>


        {{ tableBindColumns }}


        <Ht-search-form :queryParams="queryParams" :outputQueryParams="queryParams" :formOptions="formOptions"
            :advOptions="[]" :labelWidth="85"></Ht-search-form>
        <ht-table ref="dataTable" :showSerialNumber="false" :multi-select="false" :reqConfig="reqConfig"
            :queryParams="queryParams" :tableBindColumns="tableBindColumns">
            <template v-slot:operate>
                <el-table-column label="操作" align="center" width="120" fixed="right" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <ht-button-group :buttonList="[
                            {
                                label: '明细',
                                doFunc: () => {
                                    handleAction('details', scope.row);
                                },
                            },
                        ]" />
                    </template>
                </el-table-column>
            </template>
        </ht-table>
    </div>
</template>
<script>
import { apiUrlConfig, reqGetComparison } from "@/api";

export default {
    name: "HvpsBepsCreditVostroHdWk",
    data() {
        return {

            reqConfig: apiUrlConfig,
            formOptions: [],
            // form表单字段
            formData: {
                data: {},
            },
            // 查询参数
            queryParams: {
                id: "",
                cpgdate: "",
                cpgdate2: "",
                workdate: "",
                workdate2: "",
                nstpRemarks: "",
            },
            tableBindColumns: [
                {
                    label: `交易流水号`,
                    prop: "id",
                    width: "200",
                    sortable: false,
                },
                {
                    label: `CPG日期`,
                    prop: "cpgdate",
                    width: "150",
                    sortable: false,
                    type: "date",
                },
                {
                    label: `工作日期`,
                    prop: "workdate",
                    width: "150",
                    sortable: false,
                    type: "date",
                },
                {
                    label: `系统编号`,
                    prop: "sysCode",
                    dictCode: "TXN_SYSCODE",
                    sortable: false,
                },
                {
                    label: `报文类型`,
                    prop: "pkgno",
                    width: "300",
                    sortable: false,
                },
                {
                    label: `non-STP类型`,
                    prop: "nstpType",
                    width: "200",
                    dictCode: "NON_STP_TYPE",
                    sortable: false,
                },
                {
                    label: `业务类型`,
                    prop: "bizTypeCode",
                    width: "200",
                    sortable: false,
                },
                {
                    label: `金额`,
                    prop: "amount",
                    sortable: false,
                    type: "price",
                },
                {
                    label: `接收时间`,
                    prop: "rcvTime",
                    width: "150",
                    sortable: false,
                    type: "date",
                },
            ],
        };
    },
    mounted() {
        this.confirm1(),

            this.formOptions = [
                {
                    type: "input",
                    prop: "id",
                    defaultAttr: {
                        size: "small",
                        label: "交易流水号",
                        placeholder: "请输入交易流水号",
                    },
                },
                {
                    type: "dates",
                    nameObj: {
                        startTimeName: "cpgdate",
                        endTimeName: "cpgdate2",
                    },
                    defaultAttr: {
                        size: "small",
                        label: "CPG日期",
                        placeholder: ["请输入CPG日期开始", "请输入CPG日期结束"],
                        format: "yyyy-MM-dd",
                        valueFormat: "yyyyMMdd",
                    },
                },
                {
                    type: "dict",
                    prop: "nstpRemarks",
                    dict: "NON_STP_TYPE",
                    defaultAttr: {
                        size: "small",
                        label: "non-STP原因",
                        placeholder: "non-STP原因",
                    },
                },
                {
                    type: "dates",
                    nameObj: {
                        startTimeName: "workdate",
                        endTimeName: "workdate2",
                    },
                    defaultAttr: {
                        size: "small",
                        label: "工作日期",
                        placeholder: ["请输入工作日期开始", "请输入工作日期结束"],
                        format: "yyyy-MM-dd",
                        valueFormat: "yyyyMMdd",
                    },
                },
            ];
    },
    methods: {

        confirm1() {
            apiUrlConfig()
                .then((response) => {
                    console.log("response", response);
                    console.log("success");


                    this.msgSuccess("操作1成功");
                })
                .catch((err) => {
                    console.log("error----", err);
                    this.loading = false;
                });
        },

        handleAction(type, row = {}) {
            switch (type) {

            }
        },
    },
};
</script>
<style>
.label-header-msg {
    font-weight: bold;
}
</style>
   -->